<template>
	<view>
		<view class="header">
			<u-navbar
				:background="{ backgroundColor: '#3478F2' }"
				back-icon-color="#fff"
				back-icon-name="arrow-left"
				back-icon-size="40"
				title="检查更新"
				title-color="#fff"
				title-size="40"
				title-bold
			></u-navbar>
		</view>
		<scroll-view scroll-top="0" scroll-y="true" :style="`height:${scrollHeight}px`">
			<view class="page">
				<view class="version">当前版本为：1.0</view>
				<view class="btn" v-if="!version">点击更新</view>
				<view class="btn btn1" v-else>当前版本已是最新版本</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
import { mixin } from '@/utils/mixins'
export default {
	mixins: [mixin],
	components: {},
	data() {
		return {
			version: true
		}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	// 方法集合
	methods: {},
	onHide() {},
	onUnload() {}
}
</script>

<style lang="scss" scoped>
.page {
	height: 100%;
	background-color: #fff;
	padding: 240rpx 176rpx;
}
.version {
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	margin: 0 auto;
	text-align: center;
}
.btn {
	margin-top: 80rpx;
	width: 100%;
	height: 88rpx;
	background: linear-gradient(270deg, #0481fe 0%, #40c5fe 100%);
	border-radius: 70rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #ffffff;
	line-height: 88rpx;
	text-align: center;
}
.btn1 {
	background: #cccccc;
}
</style>
